<%@ page
        contentType="text/html; charset=utf-8" %>
<%@ taglib
        prefix="tld"
        uri="/WEB-INF/tld/rei.tld" %>
<%@include
        file="/WEB-INF/include/index-head.jsp" %>
<body class="layui-layout-body">
<!-- 更换主体 Eg:orange_theme|blue_theme -->
<div class="layui-layout layui-layout-admin okadmin blue_theme">
    <!--头部导航-->
    <div class="layui-header okadmin-header">
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item">
                <a class="ok-menu ok-show-menu"
                   href="javascript:"
                   title="菜单切换">
                    <i class="layui-icon layui-icon-shrink-right"></i>
                </a>
            </li>
            <!--天气信息-->
            <!--
            <li class="ok-nav-item ok-hide-md">
                <div class="weather-ok">
                    <iframe frameborder="0" scrolling="no" class="iframe-style" src="pages/weather.html" frameborder="0"></iframe>
                </div>
            </li>
             -->
        </ul>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item ok-input-search">
                <input type="text"
                       placeholder="搜索..."
                       class="layui-input layui-input-search"/>
            </li>
            <li class="layui-nav-item">
                <a class="ok-refresh"
                   href="javascript:"
                   title="刷新">
                    <i class="layui-icon layui-icon-refresh-3"></i>
                </a>
            </li>
            <li class="no-line layui-nav-item layui-hide-xs">
                <a id="notice"
                   class="flex-vc pr10 pl10"
                   href="javascript:">
                    <i class="ok-icon ok-icon-notice icon-head-i"
                       title="系统公告"></i>
                    <span class="layui-badge-dot"></span>
                    <cite></cite>
                </a>
            </li>

            <li class="no-line layui-nav-item layui-hide-xs">
                <a id="lock"
                   class="flex-vc pr10 pl10"
                   href="javascript:">
                    <i class="ok-icon ok-icon-lock icon-head-i"
                       title="锁屏"></i><cite></cite>
                </a>
            </li>

            <!-- 全屏 -->
            <li class="layui-nav-item layui-hide-xs">
                <a id="fullScreen"
                   class=" pr10 pl10"
                   href="javascript:;">
                    <i class="layui-icon layui-icon-screen-full"></i>
                </a>
            </li>

            <li class="no-line layui-nav-item">
                <a href="javascript:">
                    <img src="/static/images/avatar.png"
                         class="layui-nav-img">
                  ${sessionScope.user.name}
                </a>
                <dl id="userInfo"
                    class="layui-nav-child">

                    <dd>
                        <a lay-id="u-2"
                           href="javascript:"
                           data-url="/admin/user/info?id=${sessionScope.user.id}">基本资料</a>
                    </dd>

                    <dd>
                        <hr/>
                    </dd>
                    <dd>
                        <a href="javascript:void(0)"
                           id="logout">退出登录</a>
                    </dd>
                </dl>
            </li>

        </ul>
    </div>
    <!--遮罩层-->
    <div class="ok-make"></div>
    <!--左侧导航区域-->
    <div class="layui-side layui-side-menu okadmin-bg-20222A ok-left">
        <div class="layui-side-scroll okadmin-side">
            <div class="okadmin-logo">
                保险理赔系统
            </div>
            <div class="user-photo">
                <a class="img"
                   title="我的头像">
                    <img src="/static/images/avatar.png"
                         class="userAvatar">
                </a>
                <p>
                    你好！<span
                        class="userName">${sessionScope.user.name}</span>,
                    欢迎登录
                </p>
            </div>
            <!--左侧导航菜单-->
            <ul id="navBar" class="layui-nav okadmin-nav okadmin-bg-20222A layui-nav-tree ok-arrow2" style="height: 320px;">
                <c:if test="${sessionScope.user.type == 0}">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a><i class="ok-icon ok-icon-yooxi"></i><cite>个人中心</cite><span
                                class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child"
                            style="display: block; height: auto;">
                            <dd>
                                <a lay-id="1-1"
                                   data-url="/admin/user/info?id=${sessionScope.user.id}"
                                   is-close="true"><i
                                        class="layui-icon"></i><cite>我的资料</cite></a>
                            </dd>
                            <dd>
                                <a lay-id="1-2"
                                   data-url="/admin/user/money?id=${sessionScope.user.id}"
                                   is-close="true"><i
                                        class="layui-icon"></i><cite>我的账户</cite></a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a><i class="ok-icon ok-icon-yooxi"></i><cite>我的保险</cite><span
                                class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a lay-id="7-1"
                                   data-url="/admin/insurance/list"
                                   is-close="true"><i
                                        class="layui-icon"></i><cite>我的保险</cite></a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a><i class="ok-icon ok-icon-yooxi"></i><cite>我的理赔</cite><span
                                class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a lay-id="3-1"
                                   data-url="/admin/orders/list"
                                   is-close="true"><i
                                        class="layui-icon"></i><cite>我的理赔</cite></a>
                            </dd>
                        </dl>
                    </li>
                </c:if>
                <c:if test="${sessionScope.user.type == 1}">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a><i class="ok-icon ok-icon-yooxi"></i><cite>个人中心</cite><span
                                class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child"
                            style="display: block; height: auto;">
                            <dd>
                                <a lay-id="1-1"
                                   data-url="/admin/user/info?id=${sessionScope.user.id}"
                                   is-close="true"><i
                                        class="layui-icon"></i><cite>我的资料</cite></a>
                            </dd>

                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a><i class="ok-icon ok-icon-yooxi"></i><cite>事故案件调查（勘察员功能）</cite><span
                                class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a lay-id="5-1" data-url="/admin/orders/investigation"
                                   is-close="true">
                                    <i class="layui-icon"></i><cite>待调查事故保单</cite></a>
                            </dd>
                        </dl>
                        <dl class="layui-nav-child">
                            <dd>
                                <a lay-id="5-2"
                                   data-url="/admin/investigation/list"
                                   is-close="true"><i
                                        class="layui-icon"></i><cite>已调查记录</cite></a>
                            </dd>
                        </dl>
                    </li>


                    <li class="layui-nav-item">
                        <a><i class="ok-icon ok-icon-yooxi"></i><cite>现场勘察管理（勘察员功能）</cite><span
                                class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a lay-id="6-1"
                                   data-url="/admin/orders/responsibility"
                                   is-close="true"><i
                                        class="layui-icon"></i><cite>现场勘察</cite></a>
                            </dd>
                            <dd>
                                <a lay-id="6-2"
                                   data-url="/admin/responsibility/list"
                                   is-close="true"><i
                                        class="layui-icon"></i><cite>勘察记录</cite></a>
                            </dd>
                        </dl>
                    </li>
                </c:if>
                <c:if test="${sessionScope.user.type == 2}">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a><i class="ok-icon ok-icon-yooxi"></i><cite>个人中心</cite><span
                                class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child"
                            style="display: block; height: auto;">
                            <dd>
                                <a lay-id="1-1"
                                   data-url="/admin/user/info?id=${sessionScope.user.id}"
                                   is-close="true"><i
                                        class="layui-icon"></i><cite>我的资料</cite></a>
                            </dd>

                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a><i class="ok-icon ok-icon-yooxi"></i><cite>用户管理</cite><span
                                class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child"
                            style="display: block; height: auto;">
                            <dd>
                                <a lay-id="2-1"
                                   data-url="/admin/user/list"
                                   is-close="true"><i
                                        class="layui-icon"></i><cite>用户列表</cite></a>
                            </dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a><i class="ok-icon ok-icon-yooxi"></i><cite>审核保单申请</cite><span
                                class="layui-nav-more"></span></a>
                        <dl class="layui-nav-child">
                            <dd>
                                <a lay-id="4-1" data-url="/admin/orders/approve"
                                   is-close="true">
                                    <i class="layui-icon"></i><cite>申请理赔列表</cite></a>
                            </dd>
                            <dd>
                                <a lay-id="4-2" data-url="/admin/orders/money/give"
                                   is-close="true">
                                    <i class="layui-icon"></i><cite>赔偿金发放列表</cite></a>
                            </dd>
                        </dl>
                    </li>
                </c:if>










                <span class="layui-nav-bar" style="top: 20px; height: 0px; opacity: 0;"></span>
            </ul>
        </div>
    </div>

    <!-- 内容主体区域 -->
    <div class="content-body">
        <div class="layui-tab ok-tab"
             lay-filter="ok-tab"
             lay-allowClose="true"
             lay-unauto>
            <div data-id="left"
                 id="okLeftMove"
                 class="ok-icon ok-icon-back okadmin-tabs-control move-left okNavMove"></div>
            <div data-id="right"
                 id="okRightMove"
                 class="ok-icon ok-icon-right okadmin-tabs-control move-right okNavMove"></div>
            <div class="layui-icon okadmin-tabs-control ok-right-nav-menu"
                 style="right: 0;">
                <ul class="okadmin-tab">
                    <li class="no-line okadmin-tab-item">
                        <div class="okadmin-link layui-icon-down"
                             href="javascript:;"></div>
                        <dl id="tabAction"
                            class="okadmin-tab-child layui-anim-upbit layui-anim">
                            <dd>
                                <a data-num="1"
                                   href="javascript:">关闭当前标签页</a>
                            </dd>
                            <dd>
                                <a data-num="2"
                                   href="javascript:">关闭其他标签页</a>
                            </dd>
                            <dd>
                                <a data-num="3"
                                   href="javascript:">关闭所有标签页</a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>

            <ul id="tabTitle"
                class="layui-tab-title ok-tab-title not-scroll">
                <li class="layui-this"
                    lay-id="1"
                    tab="index">
                    <i class="ok-icon">&#xe654;</i>
                    <cite is-close=false>控制台</cite>
                </li>
            </ul>


            <div id="tabContent"
                 class="layui-tab-content ok-tab-content">
                <div class="layui-tab-item layui-show">
                    <iframe src='/admin/user/info'
                            frameborder="0"
                            scrolling="yes"
                            width="100%"
                            height="100%"></iframe>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- 锁屏 -->
<div class="lock-screen">
    <div class="lock-bg">
        <img class="active lock-gradual"
             src="/static/images/wallpaper/9f28afe0e71b3ba8778e307bea2f006K.jpg"
             alt=""/>
        <img class="lock-gradual"
             src="/static/images/wallpaper/9f28afe0e71b3ba8778e307bea2f006d.jpg"
             alt=""/>
        <img class="lock-gradual"
             src="/static/images/wallpaper/29bce2d5cf30fc96866dcb5e287661ea.jpg"
             alt=""/>
        <img class="lock-gradual"
             src="/static/images/wallpaper/b4b55f8ec6b2763a737a2d6e1c50b71e.jpg"
             alt=""/>
        <img class="lock-gradual"
             src="/static/images/wallpaper/b8df65c6452dcf8b0302b8bfce9e7ec9.jpg"
             alt=""/>
        <img class="lock-gradual"
             src="/static/images/wallpaper/b390e4c33b7d656f09dc7fd155759a4f.jpg"
             alt=""/>
        <img class="lock-gradual"
             src="/static/images/wallpaper/3fded2e777723f145a4773dfdb68a9e3.jpg"
             alt=""/>
    </div>
    <div class="lock-content">
        <!--雪花-->
        <div class="snowflake">
            <canvas id="snowflake"></canvas>
        </div>
        <!--雪花 END-->
        <div class="time">
            <div>
                <div class="hhmmss"></div>
                <div class="yyyymmdd"></div>
            </div>
        </div>
        <div class="quit"
             id="lockQuit">
            <i class="layui-icon layui-icon-logout"
               title="退出登录"></i>
        </div>
        <table class="unlock">
            <tr>
                <td>
                    <div class="layui-form lock-form">
                        <div class="lock-head">
                            <img src="/static/images/avatar.png"
                                 alt="avatar.png"/>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-col-xs8 layui-col-sm8 layui-col-md8">
                                <input type="password"
                                       required
                                       lay-verify="required"
                                       id="lockPassword"
                                       name="lock_password"
                                       style="border-radius: 0;border:0;height: 44px"
                                       placeholder="默认密码123456"
                                       autocomplete="off"
                                       class="layui-input"/>
                            </div>
                            <div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
                                <button style="width: 100%;box-sizing:border-box;border-radius: 0;"
                                        type="button"
                                        lay-submit
                                        lay-filter="lockSubmit"
                                        class="layui-btn lock-btn layui-btn-lg layui-btn-normal">
                                    确定
                                </button>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>

</body>
</html>
